<template>
	<view style="background-color: #f4f4f4; width:  100%; height: 100%;" >
		<view style="; margin-bottom:15rpx;width: 100%;height: 50rpx;"></view>
		<!-- <div class="top">我的</div> -->
		<!-- <div style="width: 100%; height: 10px; background-color:lightgray;" ></div> -->
		<div class="hord">
			<u-row>
				<u-col span=3>			
			<u--image   class="image1" width ="70px" height="70px" :src="src" shape="circle" ></u--image>	
				</u-col>
				<u-col span=5>
			
				<p class="name1">{{username}}</p>
				<p class="name2">粉丝：{{userphone}}</p>
				</u-col>
				<u-col span=4>
					
			 <u-button    type="primary" style="width: 90px; border:; margin-top: 15px;"  shape="circle" :plain="true"  @click="personal()">个人信息</u-button>		
				</u-col>
			</u-row>
		</div>
			<div style="width: 100%; height: 10px;"></div>
		<u-cell-group>
			<u-cell
				icon="/static/dd.png"
			    size="large"		
			    title="我的订单"
				style="background-color: #fff;"
			    isLink
				@click="orders()"
			></u-cell>
		</u-cell-group>
			<u-row justify="space-between">
						<u-col span="4">
							<view class="demo-layout bg-purple" @click="daifuk(1)">
							<!-- <div class="yuy"></div> -->
							<u-icon  style="margin-left: 35px;"  name="/static/zhifu1.png" size="55"></u-icon>
								<p  style="text-align: center; margin-top: 5px;"> 待付款</p>
							</view>
						</u-col>
						<u-col span="4">
							<view class="demo-layout bg-purple" @click="daifuk(2)" >
								<u-icon  style="margin-left: 35px;" name="/static/dah1.png" size="55"></u-icon>
								<p  style="text-align: center; margin-top: 5px;">待发货</p>
							</view>
						</u-col>
					   <u-col span="4">
						   <view class="demo-layout bg-purple"  @click="daifuk(3)">
						<u-icon  style="margin-left: 35px;"  name="/static/shouhuo1.png" size="55"></u-icon>
							<p  style="text-align: center; margin-top: 5px;"> 待收货</p>
						</view>
					   </u-col>
					</u-row>
					<div style="width: 100%; height: 10px;"></div>
					<u-cell
						icon="/static/qb.png"
					    size="large"		
					    title="我的钱包"
						@click="wallet()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
					
					<u-cell
						icon="/static/sc.png"
					    size="large"		
					    title="我的收藏"
						@click="collect()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
					<u-cell 
						icon="/static/pm1.png"
					    size="large"		 
					    title="我的拍卖"
						@click="auction()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
					<u-cell
						icon="/static/cy.png"
					    size="large"		
					    title="我的参与"
						@click="paryict()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
					<div style="width: 100%; height: 10px;"></div>
					<u-cell
						icon="/static/dz.png"
					    size="large"		 
					    title="我的地址"
						@click="site()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
					<u-cell
						icon="/static/customer.png"
					    size="large"		 
					    title="客服"
						@click="sites()"
						style="background-color: #fff;"
					    isLink
					></u-cell>
				
				<strong></strong>
	</view>
</template>

<script>
	export default {
		data() {
			return {
					id:"",
               	    username:'',
					userphone:'',
					src:'',
			}
		},
        onLoad() {
          
            var userhead = uni.getStorageSync('userAvatar')
            var username = uni.getStorageSync('userName')
			var userphone = uni.getStorageSync('userphone')
            this.id = uni.getStorageSync('loginId')
            if(userhead){
                this.src = 'http://101.43.223.224:8765/image/getImageById?id='+userhead
            }
            if(username){
                this.username = username
            }
			if(userphone){
			    this.userphone = userphone
			}
        },
		methods: {
			
			daifuk(index){
				uni.navigateTo({
					url:'/pages/mine/order/order?index=' +index
				})
			},
			
			collect(){
				uni.navigateTo({
					url:'/pages/mine/collect/collect'
				})
			},	
			site(){
				uni.navigateTo({
					url:'/pages/mine/site/site'
				})
			},
			sites(){
				uni.navigateTo({
					url:'/pages/mine/customer/coustomer1'
				})
			},
			orders(){
				uni.navigateTo({
					url:'/pages/mine/order/order'
				})
			},
			wallet(){
				uni.navigateTo({
					url:'/pages/mine/wallet/wallet'
				})
			},
			paryict(){
				uni.navigateTo({
					url:'/pages/mine/participation/participation'  
				})
			},
			auction(){
				uni.navigateTo({  
					url:'/pages/mine/auction/auction'
				})
			},
			personal(){
				uni.navigateTo({
					url:'/pages/mine/indetail/indetail'
				})
			},
			
		}
	}
</script>

<style lang="scss">
	/deep/ .u-icon__icon{
		margin: 0 auto;
	}

.top{
	width: 100%;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
.yuy{
	
	width: 50px; height: 50px;  background-color: aqua; margin: 0 auto;
	margin-top: 15px;
	
}
.message{
	width: 100%;
	height: 80px;
	background-color: aqua;
}
   .wrap {
        padding: 12px;
    }

    .demo-layout {
        height: 25px;
        border-radius: 4px;
    }

    .bg-purple {
      height: 90px;
	  background-color: #fff;
    }

   
.hord{
	width:100%;
	height: 110px;
	background-color: #fff;

}
.image1{
	margin-top: 15px;
	margin-left: 20px;
	float: left;
}
.name1{
		margin-top: 20px;
		margin-left: 30px;
	font-size: 20px;
	float: left;
}
.name2{
	margin-top: 10px;
	margin-left: 30px;
	font-size: 14px;
	float: left;
}
</style>
